<template>
   <div>
    <div class="title"><span class="title-span">关于我们</span></div>
	<div class="back" @click="$router.back()"><van-icon name="arrow-left" /></div>
    <div class="banner">
        <h2>莱头条</h2>
        <span>v.01</span>
    </div>

    <div class="contanier">
        <van-cell title="用户协议" is-link  />
        <van-cell title="社区规范" is-link />
        <van-cell title="隐私政策" is-link />

    </div>
    


   </div>
</template>


<script>
import { Icon } from "vant";


export default {
    name:"wo",
    components:{
        [Icon.name]:Icon
    }
}

</script>


<style lang="less" scoped>
.title {
  text-align: center;
  background-color: green;
  height: 45px;
}
.title-span{
  font-size: 20px;
  top: -25px;
  color: white;
  position: absolute;
  margin-top: 30px;
  right: 170px;
}
.back {
  position: absolute;
  margin-top: -30px;
  left: 10px;
}

.banner{
    text-align: center;
     margin-top: 90px;
    h2 {
       
        color: green;
        text-align: center;
    }
}
.contanier {
    margin-top: 65px;
}
</style>



